<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="css/slider.css">
    <!-- 1. 引入插件样式 -->
   
    <link rel="stylesheet" href="css/bookslist.css">
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl"id="header">
        <div class="contents top1"><a href="index.html"><img src="images/logo.jpg" class="logo"></a>
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="index.html">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <form class="search" action="###" method="get">
            <input type="text" name="wd" placeholder="创意文具"/>
            <button type="button" value=""><img src="images/seach01.jpg"></button>
        </form>
        
        <p class="cf">
            <a href="carts.html" id="cart">
                <img src="images/cart.png">购物车
                <span></span>
            </a><a href="order.html" id="order">我的订单
                <span></span>
            </a>
        </p>
        <!--顶部主导航栏-->
        <ul class="mainnav">
            <li>
                <a href="books1.html">图书</a>
            </li>
            <li>
                <a href="###">电子书</a>
            </li>
            <li>
                <a href="###">原创文学</a>
            </li>
            <li>
                <a href="###">服装</a>
            </li>
            <li>
                <a href="###">户外运动</a>
            </li>
            <li>
                <a href="###">孕婴童</a>
            </li>
            <li>
                <a href="###">家居</a>
            </li>
            <li>
                <a href="###">创意文具</a>
            </li>
            <li>
                <a href="###">地方特产</a>
            </li>
            <li>
                <a href="###">海外购</a>
            </li>
            <li>
                <a href="###">电器城</a>
            </li>
        </ul>

    </div>
    <!--顶部下面的商品选项卡-->
    <div class="contents mainbanner cf">
      

        <!--顶部下面的轮播图-->
        <div class="pptbox fl" id="mainslider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="./images/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        <div class="bestsellerlist fr">
            <h3 class="tcenter">热卖畅销</h3>
            <ul >
              <li>
               <span class="bgf60">1</span> 
               <p class="title hide">走过路过错过就是有赚到</p>
               <div class="box clearfix">
                 <img class="fl mr8" src="images/lib04.jpg" alt="">
                 <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
               </div>
              </li>
              <li>
                <span class="bgf60">2</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
               <li>
                <span class="bgf60">3</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
               <li>
                <span class="">4</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
               <li>
                <span class="">5</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
               <li>
                <span class="">6</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
               <li>
                <span class="">7</span> 
                <p class="title">走过路过错过就是有赚到</p>
                <div class="box clearfix hide">
                  <img class="fl mr8" src="images/lib04.jpg" alt="">
                  <p class="f12px">从你的世界路过
                    《三体》刘慈欣
                    一场科幻的史诗
                    风暴 1500万次转发，超4亿次阅读</p>
                </div>
               </li>
              
            </ul>
          </div>

    </div>
    <!-- 头部的下面的广告 -->
    <div class="contents banner4 cf">
       
        <a href="##"><img src="images/banner001.jpg"></a>
   
    </div>
    <!-- 轮播图下面的今日推荐 -->
    <div class="contents recommend cf">
        <h3 class="comm-title"><span class="djbg">乐购·图书折扣区</span></h3>
        <ul>
           
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 推荐下面的图书 -->
    
       <!-- 电子书 -->
  <section id="ebook" class="mt14 clearfix floor contents cf" >
    <!-- 左边 -->
    <div class="booklistbox fl cf">
      <!-- 头部 -->
      <h1 class="comm-title c333"><span class="djbg">新</span>
        书上架
      </h1>
      <!-- 内容区域 -->
      <!-- 第一个内容区域 -->
      <ul class=" extend cf">
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>
        <li>
            <a href="###">
                <img src="images/books005.jpg">
                <p class="cp">走过路过错过错过就是赚到</p>
                <p class="pl">中国邮电出版社</p>
                <span>&emsp;&emsp;&nbsp;￥998</span>
            </a>
        </li>

    </ul>
      
          
         
          <!-- 第一个盒结束 -->

       
      </div>

   

    <!-- 右边 新书畅销榜 -->
    <div class="bestsellerlist fr">
      <h3 class="tcenter">新书畅销榜</h3>
      <ul >
        <li>
         <span class="cff2315">1</span> 
         <p class="title hide">走过那件咖啡屋错过就是有赚到</p>
         <div class="box clearfix">
           <img class="fl mr8" src="images/lib04.jpg" alt="">
           <p class="f12px">从你的世界路过
            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
         </div>
        </li>
        <li>
          <span class="cff2315">2</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
         <li>
          <span class="cff2315">3</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
         <li>
          <span class="">4</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
         <li>
          <span class="">5</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
         <li>
          <span class="">6</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
         <li>
          <span class="">7</span> 
          <p class="title">走过那件咖啡屋错过就是有赚到</p>
          <div class="box clearfix hide">
            <img class="fl mr8" src="images/lib04.jpg" alt="">
            <p class="f12px">从你的世界路过
             入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
          </div>
         </li>
        
      </ul>
    </div>

  </section>
       
   
    <!-- 图书下面的服装 -->
    <div class="contents dj cf">
        <h1><span class="djbg">独</span>家提供
            <ul class="fr tit1">
                <li class="fl djbg">社会文学</li>
                <li class="fl">科学技术</li>
                <li class="fl">国外文学</li>
                <li class="fl">生活</li>
                <li class="fl">儿童</li>
              </ul>
        </h1>
            <div class="dujia">
                    <div class="pptbox dujiaslider" >
                        <ul class="innerwrapper">
                            <li>
                                 <!-- 图书1 -->
                                <ul>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book001.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                        
                                </ul>
                            </li>
                            <li>
                                 <!-- 图书2 -->
                                <ul>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books005.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                        
                                </ul>
                            </li>
                            <li>
                                 <!-- 图书3 -->
                                <ul>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/books006.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                        
                                </ul>
                            </li>
                            <li>
                                 <!-- 图书4 -->
                                <ul>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book002.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                        
                                </ul>
                            </li>
                            <li>
                                <!-- 图书5 -->
                                <ul>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="###">
                                            <img src="images/book004.jpg">
                                            <p class="cp">走过路过错过错过就是赚到</p>
                                            <p class="pl">中国邮电出版社</p>
                                            <span>&emsp;&emsp;&nbsp;￥998</span>
                                        </a>
                                    </li>
                        
                                </ul>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                        </div>
                        
            </div>
            
    </div>
    <!-- 服装下面的户外 -->
    
    <!-- 户外下面的童装 -->
    
    <!-- 童装下面的居家 -->
   
    <!-- 居家下面的推广 -->
    <div class="contents extend">
        <h1><span class="djbg">猜</span>你喜欢</h1>
        <ul class=" extend1 cf">
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/books005.jpg">
                    <p class="cp">走过路过错过错过就是赚到</p>
                    <p class="pl">中国邮电出版社</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                </a>
            </li>

        </ul>
    </div>
    <div class="contents banner3">
        <ul>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
            <li>
                <a href="#"><img src="images/bookslist003.jpg"></a>
            </li>
        </ul>
    </div>
    <div class="contents banner4 cf">
       
        <a href="##"><img src="images/banner001.jpg"></a>
   
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
   
      <!-- 页面的右边导航 -->
     
   <!-- 页面的顶部导航 -->

<!-- 页面的回到顶部导航 -->
<div class="totop1">
    <a href="##"><img class="gototop" src="images/totop001.png"></a>
</div>



    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

    <!-- 2. 引入轮播插件 -->
    <script src="./lib/jquery.slidebox.js"></script>
    <!-- 2. 引入轮播插件 -->
    

    <!-- 4. 引入当前页面js文件 -->
    <script src="./js/bookslist.js"></script>
    <script>


        /*
      

   
        
        
        */
    </script>
</body>

</html>